<div class="main-content">
  <!--筛选条件-->
  <div class="condition">
    <div class="form-menu">
      <p>用户角色</p>
      <select name="userRole" id="userRole" class="form-control kinds-ser"></select>
    </div>
    <div class="form-menu">
      <p>账号类型</p>
      <select name="accountType" id="accountType" class="form-control kinds-ser">
        <option value="">全部</option>
        <option value="1">主账号</option>
        <option value="2">子账号</option>
        <option value="3">其他类型账号</option>
      </select>
    </div>
    <div class="form-menu">
      <p>租户编号</p>

      <div class="btn-group">
        <input type="text" name="lesseeNum" id="lesseeNum" class="form-control kinds-ser"
               data-toggle="dropdown">
      </div>
    </div>
    <div class="form-menu">
      <p>租户</p>

      <div class="btn-group">
        <input type="text" name="lessee" id="lesseeName" class="form-control kinds-ser"
               data-toggle="dropdown">
      </div>
    </div>
    <div class="form-menu">
      <span style="letter-spacing: 1rem">账号</span>
      <div class="btn-group">
        <input type="text" name="account" id="accountNum" class="form-control kinds-ser"
               data-toggle="dropdown">
      </div>
    </div>
    <div id="order-time">
      <p>注册日期</p>
      <div class="input-group date form-date kinds-ser-date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp-input2" data-link-format="yyyy-mm-dd">
        <input class="form-control" size="16" id="startDate" type="text"  readonly placeholder="2016-6-12" value="">
        <span class="input-group-addon time-table"><span class="icon-calendar"></span></span>
      </div>
      <div>至</div>
      <div class="input-group date form-date kinds-ser-date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp-input2" data-link-format="yyyy-mm-dd">
        <input class="form-control" size="16" id="endDate" type="text"  readonly placeholder="2016-6-12" value="">
        <span class="input-group-addon time-table"><span class="icon-calendar"></span></span>
      </div>
    </div>
    <div class="form-menu" style="margin-bottom: 20px">
      <button onclick="emptyCondition()" class="btn btn-danger">清空条件</button>
      <button type="button" onclick="conditionFind()" class="btn btn-primary">查询</button>
    </div>
  </div>
  <div class="middle">
    <div class="btn-group">
      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
        <span class="glyphicon glyphicon-plus"></span>新增 <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li><a href="tpl/create.html">主账号</a></li>
        <li><a href="tpl/create.html">子账号 </a></li>
        <li><a href="#">其他账号</a></li>
      </ul>
    </div>
    <input type="button" onclick="operate(this)" class="btn btn-success dropdown-toggle" value="批量操作">
    <div class="start-state">
      <div style="float: left;line-height: 27px">启用状态：</div>
      <div class="radio-style">
        <input type="radio" id="allState" name="state" value="">
        <label name="allState" for="allState">
          <img src="../../../img/radiobefore.png" class="radio-img" alt="">全部
        </label>
      </div>
      <div class="radio-style">
        <input type="radio" id="readyState" name="state" value="1">
        <label name="readyState" for="readyState"><img src="../../../img/radiobefore.png" class="radio-img" alt="">已启用</label>
      </div>
      <div class="radio-style">
        <input type="radio" id="stopState" name="state" value="0">
        <label name="stopState" for="stopState"><img src="../../../img/radiobefore.png" class="radio-img" alt="">已停用</label>
      </div>
    </div>
  </div>
  <!--数据表格-->
  <div class="tableShow">
    <table id="loginData" class="table table-no-bordered"
           data-response-handler="resHandler"
           data-query-params="myQueryParams"
           data-toolbar="#toolbarDiv"
           data-show-export="false"
           data-pagination="false"
           data-minimum-count-columns="2"
           data-id-field="id"
           data-page-list="[10, 25, 50, 100, ALL]"
           data-side-pagination="server"
    >
      <thead>
      <th data-field="xxx" data-checkbox="true"><input type="checkbox"></th>
      <th data-field="id">序号</th>
      <th data-field="accNum" data-align="center" data-valign="middle">账号</th>
      <th data-field="name" data-align="center" data-valign="middle">姓名</th>
      <th data-field="userRole" data-align="center" data-valign="middle">用户角色</th>
      <th data-field="accType" data-align="center" data-valign="middle">账号类型</th>
      <th data-field="phoneNum" data-align="center" data-valign="middle">联系电话</th>
      <th data-field="userCode" data-align="center" data-valign="middle">租户编号</th>
      <th data-field="userName" data-align="center" data-valign="middle">租户</th>
      <th data-field="ctime" data-align="center" data-valign="middle">注册日期</th>
      <th data-field="isValid" data-align="center" data-valign="middle">启用状态</th>
      </thead>
    </table>
  </div>
</div>
<!--弹出详情框-->
<div class="view-datails">
  <div class="cover"></div>
  <div class="modle-show"></div>
</div>

<script>
    // 仅选择日期
    $(".form-date").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });
</script>